import React from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import './App.global.css';
import ProjectDirectory from './pages/ProjectDirectory';
import GameWrapper from './pages/GameWrapper';
import ScenesWrapper from './pages/ScenesWrapper';
const Hello = () => {
  return (
    <div className="engin-editor">
      <div className="directory-wrapper">
        <ProjectDirectory />
      </div>
      <div className="center">
        <div className="scenes-wrapper">
          <ScenesWrapper></ScenesWrapper>
        </div>
        <div className="game-wrapper">
          <GameWrapper></GameWrapper>
        </div>
      </div>
    </div>
  );
};

export default function App() {
  return (
    <Router>
      <Switch>
        <Route path="/" component={Hello} />
      </Switch>
    </Router>
  );
}
